Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start] • [Elementy HTML] • [Atrybuty HTML] • [Style CSS] • [Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory] • [tekst] • [czcionki] • [rozmiary] • [pozycje] • [tabele] • [listy] • [formularze]
[struktura] • [linki] • [multimedia] • [bloki] • [obramowania] • [t│a] • [synteza] • [druk]

FORM

Atrybuty elementu:

• action =[URL, ╢cie┐ka] obowi▒zkowy - IE1, N1, O2.1

adres strony przetwarzaj▒cej dane

• method =[get|post] opcjonalne - IE1, N1, O2.1

spos≤b przekazywania parametr≤w

• enctype =[MIME] opcjonalne - IE1, N1, O2.1

spos≤b kodowania danych

• accept-charset =[jΩzyk] opcjonalne - ???

jΩzyk, z jakiego pochodz▒ wprowadzane znaki

• accept =[MIME] opcjonalne - ???

akceptowany zestaw znak≤w

• name =[tekst] opcjonalny - IE3, N2, O3

nazwa elementu

• target =[_blank|_parent|_self|_top|Nazwa] opcjonalny - IE3, N2, O2.1

okno docelowe dla otwieranego dokumentu

• id, class =[tekst] opcjonalne - IE3, N4, O3.5

unikalny identyfikator i nazwa klasy CSS

• lang, dir =[tekst] opcjonalne - IE4

jΩzyk i kierunek wy╢wietlania tekstu b▒d╝ elementu

• title =[tekst] opcjonalny - IE5

tytu│ elementu

• style =[CSS] opcjonalny - IE3, N4, O3.5

styl CSS elementu

• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne

reakcje na zdarzenia pochodz▒ce od myszy lub klawiatury

• znacznik zamykaj▒cy: wymagany
• przegl▒darki: IE1, N1, O1

BUTTON, FIELDSET, FORM, INPUT, ISINDEX, LABEL, LEGEND, OPTGROUP, OPTION, SELECT, TEXTAREA

• Przyk│ad 1:

<form action="..." method="get">
<input type="hidden" name="odbiorca" value="adres@odbiorcy">
<table>
<tr><td>imie i nazwisko:</td>
<td><input type="text" name="imie"></td></tr>
<tr><td>tw≤j adres e-mail:</td>
<td><input type="text" name="email"></td></tr>
<tr><td>tre╢µ listu:</td>
<td><textarea name="tekst" rows="5" cols="20">
</textarea></td></tr>
</table>
<input type="submit" value=" wy╢lij dane "> 
<input type="reset" value=" wyczy╢µ dane "> 
</form>

• Przyk│ad 2:

<form action="..." method="get">
  Miasto: 
  <select>
    <option>Warszawa</option>
    <option>Sosnowiec</option>
    <option>Inne</option>
  </select><br>
  P│eµ:
  <input type="radio" name="plec" value="k"> kobieta
  <input type="radio" name="plec" value="m"> mΩ┐czyzna<br>
  Ulubione potrawy:
  <input type="checkbox" name="potrawa" value="b"> barszcz
  <input type="checkbox" name="potrawa" value="l"> │oso╢
  <input type="checkbox" name="potrawa" value="i"> inna<br>
  <textarea name="tekst" rows="5" cols="20">
    Miejsce na wiΩkszy tekst
  </textarea><br>
  <button type="reset" name="reset">
    skasuj<hr width=30>dane
  </button>
  <input type="submit" value=" wy╢lij dane "> 
</form>